<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<aside id="sidebar">

	<div class="widget">
		<h3>게시판</h3>
		<ul class="sidemenu">
			<li><a href="board.do?sub=free">자유게시판</a></li>			
			<li><a href="board.do?sub=notice">공지사항</a></li>
			<li><a href="board.do?sub=reference">자료실</a></li>
		</ul>
	</div>
	<!-- END .widget -->

	<div class="widget">
		<h3>Text Widget</h3>
		<p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis
			natoque penatibus et magnis dis parturient montes, nascetur ridiculus
			mus.</p>
	</div>
	<!-- END .widget -->

	<div class="widget">
		<h3>Accordion</h3>
		<div class="accordion accordion-style1">
			<h4 class="accordion-title">
				<a href="#">User Research</a>
			</h4>
			<div>
				<p>Lorem Ipsum is simply dummy text of the printing and
					typesetting industry. Lorem Ipsum has been the industry's standard
					dummy text ever since the 1500s, when an unknown printer took a
					galley of type.</p>
			</div>

			<h4 class="accordion-title">
				<a href="#">Competitive Analysis</a>
			</h4>
			<div>
				<p>Lorem Ipsum is simply dummy text of the printing and
					typesetting industry. Lorem Ipsum has been the industry's standard
					dummy text ever since the 1500s, when an unknown printer took a
					galley of type.</p>
			</div>

			<h4 class="accordion-title">
				<a href="#">Market Reseach</a>
			</h4>
			<div>
				<p>Lorem Ipsum is simply dummy text of the printing and
					typesetting industry. Lorem Ipsum has been the industry's standard
					dummy text ever since the 1500s, when an unknown printer took a
					galley of type.</p>
			</div>
		</div>
		<!-- END .accordion -->
	</div>
	<!-- END .widget -->

	<div class="widget">
		<h3>Popular Tags</h3>
		<ul class="tags">
			<li><a href="#">Inspiration</a></li>
			<li><a href="#">AJAX</a></li>
			<li><a href="#">HTML5</a></li>
			<li><a href="#">jQuery</a></li>
			<li><a href="#">CSS3</a></li>
			<li><a href="#">Photoshop</a></li>
			<li><a href="#">PHP</a></li>
			<li><a href="#">WordPress</a></li>
			<li><a href="#">Design</a></li>
			<li><a href="#">Responsive</a></li>
			<li><a href="#">Envato</a></li>
			<li><a href="#">Sexy</a></li>
		</ul>
		<div class="clear"></div>
	</div>

	<div class="widget">
		<h3>Popular Posts</h3>
		<ul class="popular-posts">
			<li>
				<div class="post-thumb">
					<a href="#"><img
						src="imgs/portfolio/vladstudio_books_color3_480x320.jpg" alt=""></a>
				</div>
				<div class="entry-summary">
					<h4>
						<a href="#">Once Upon a Time, There Was a Template...</a>
					</h4>
					<p class="entry-meta">May 23rd, 2013</p>
				</div>
				<div class="clear"></div>
			</li>
			<li>
				<div class="post-thumb">
					<a href="#"><img
						src="imgs/portfolio/vladstudio_cheshire_kitten_480x320.jpg" alt=""></a>
				</div>
				<div class="entry-summary">
					<h4>
						<a href="#">Mistakes I've Made (And Lessons Learned Along the
							Way)</a>
					</h4>
					<p class="entry-meta">May 23rd, 2013</p>
				</div>
				<div class="clear"></div>
			</li>
			<li>
				<div class="post-thumb">
					<a href="#"><img
						src="imgs/portfolio/vladstudio_alice_dragon_tree_480x320.jpg"
						alt=""></a>
				</div>
				<div class="entry-summary">
					<h4>
						<a href="#">Introduction to Photoshop Scripting</a>
					</h4>
					<p class="entry-meta">May 23rd, 2013</p>
				</div>
				<div class="clear"></div>
			</li>
		</ul>
	</div>

</aside>
<!-- END #sidebar -->
